<template>
  <div>
    <p>
      <vxe-link href="https://vxeui.com" content="默认颜色"></vxe-link>
      <vxe-link href="https://vxeui.com" status="primary" content="主要颜色"></vxe-link>
      <vxe-link href="https://vxeui.com" status="success" content="信息颜色"></vxe-link>
      <vxe-link href="https://vxeui.com" status="info" content="信息颜色"></vxe-link>
      <vxe-link href="https://vxeui.com" status="warning" content="警告颜色"></vxe-link>
      <vxe-link href="https://vxeui.com" status="danger" content="危险颜色"></vxe-link>
    </p>

    <p>
      <vxe-link href="https://vxeui.com" content="默认图标颜色" icon="vxe-icon-info-circle"></vxe-link>
      <vxe-link href="https://vxeui.com" status="primary" content="主要图标颜色" icon="vxe-icon-info-circle"></vxe-link>
      <vxe-link href="https://vxeui.com" status="success" content="成功图标颜色" icon="vxe-icon-info-circle"></vxe-link>
      <vxe-link href="https://vxeui.com" status="info" content="信息图标颜色" icon="vxe-icon-info-circle"></vxe-link>
      <vxe-link href="https://vxeui.com" status="warning" content="警告图标颜色" icon="vxe-icon-info-circle"></vxe-link>
      <vxe-link href="https://vxeui.com" status="danger" content="危险图标颜色" icon="vxe-icon-info-circle"></vxe-link>
    </p>

    <p>
      <vxe-link href="https://vxeui.com" content="默认图标颜色" icon="vxe-icon-info-circle" disabled></vxe-link>
      <vxe-link href="https://vxeui.com" status="primary" content="主要图标颜色" icon="vxe-icon-info-circle" disabled></vxe-link>
      <vxe-link href="https://vxeui.com" status="success" content="成功图标颜色" icon="vxe-icon-info-circle" disabled></vxe-link>
      <vxe-link href="https://vxeui.com" status="info" content="信息图标颜色" icon="vxe-icon-info-circle" disabled></vxe-link>
      <vxe-link href="https://vxeui.com" status="warning" content="警告图标颜色" icon="vxe-icon-info-circle" disabled></vxe-link>
      <vxe-link href="https://vxeui.com" status="danger" content="危险图标颜色" icon="vxe-icon-info-circle" disabled></vxe-link>
    </p>
  </div>
</template>
